<template>
	<view class="">
		<view class="pd15">
			<view class="bg-w br30 ">
				<view class="plt15 title_txt ftw700 ft16">采购</view>
				<view class="plr15">
					<view class="bd-top pb15 flex wrap">
						<view class="shuju_item" @click="$u.route('/pages/procure/order/index')">
							<image src="@/static/fun/bor.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">采购订单</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/procure/receipt/index')">
							<image src="@/static/fun/buy.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">采购入库单</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="bg-w br30 mt15">
				<view class="plt15 title_txt ftw700 ft16">购货</view>
				<view class="plr15">
					<view class="bd-top pb15 flex wrap">
						<view class="shuju_item" @click="$u.route('/pages/purchase/order/index')">
							<image src="@/static/fun/entry.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">购货单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/bre.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">购货退货单</view>
						</view>
					</view>
				</view>
			</view> -->
			<view class="bg-w br30 mt15">
				<view class="plt15 title_txt ftw700 ft16">销货</view>
				<view class="plr15">
					<view class="bd-top pb15 flex wrap">
						<view class="shuju_item" @click="$u.route('/pages/purchase/order/index')">
							<image src="@/static/fun/sor.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">销货单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/sre.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">销货退货单</view>
						</view>
					</view>
				</view>
			</view>
			<view class="bg-w br30 mt15" @click="to('/pages/tabbar/none')">
				<view class="plt15 title_txt ftw700 ft16">仓库</view>
				<view class="plr15">
					<view class="bd-top pb15 flex wrap">
						<view class="shuju_item">
							<image src="@/static/fun/stock.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">库存查询</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/batch.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">库存预警</view>
						</view>
						<!-- <view class="shuju_item">
							<image src="@/static/fun/serial.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">序列查询</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/check.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">盘点单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/transfer.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">调拨单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/make.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">组装单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/divide.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">拆卸单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/entry.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">其他入库单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/extry.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">其他出库单</view>
						</view>
						<view class="shuju_item">
							<image src="@/static/fun/adj.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">成本调整单</view>
						</view> -->
					</view>
				</view>
			</view>
			<view class="bg-w br30 mt15">
				<view class="plt15 title_txt ftw700 ft16">基础资料</view>
				<view class="plr15">
					<view class="bd-top pb15 flex wrap">
						<view class="shuju_item" @click="$u.route('/pages/basicData/warehouse/index')">
							<image src="@/static/fun/warehouse.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">仓库管理</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/basicData/vendor/index')">
							<image src="@/static/fun/supplier.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">供应商管理</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/basicData/commercialOwner/index')">
							<image src="@/static/fun/user.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">商户管理</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/basicData/account/index')">
							<image src="@/static/fun/account.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">资金账户</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/basicData/customerManagement/index')">
							<image src="@/static/fun/customer.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">客户管理</view>
						</view>
						<view class="shuju_item" @click="$u.route('/pages/basicData/commodity/index')">
							<image src="@/static/fun/goods.png" mode="" style="width: 70rpx;height: 70rpx;"></image>
							<view class="mt5">商品管理</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		// 监听页面加载
		onLoad() {},
		onPageScroll(e) {
		},
		methods: {
			to(url) {
				uni.navigateTo({
					url
				});
			},

		},
	};
</script>

<style lang="scss">
	page {
		background-color: #F5F5F5;
	}
	.bgcolor {
		background: linear-gradient(to right, #3247D3, #1178F5);
		width: 100%;
		height: 300rpx;
	}
	
	.item-box {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.lines {
		width: 50%;
		height: 20rpx;
		background-color: #3247D3;
	}
	
	.bg01 {
		background-color: #CFCFCF;
	}
	
	.title_txt::before {
		content: '';
		border-left: #3247D3 solid 4px;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}
	
	.btns {
		border-radius: 60rpx;
		color: #fff;
		padding: 8rpx 20rpx;
		background: linear-gradient(to right, #3247D3, #1178F5);
	}
	.shuju_item{
		width: 22.6%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 20rpx;
		margin-top: 30rpx;
	}
	.shuju_item:nth-child(4n){
		margin-right: 0;
	}
</style>